﻿@using ClinicaDentalApp.Models.Login
@model LoginInput

@{
    ViewBag.Title = "Ingreso al Sistema Dental";
}
<head>
    <link href="@Url.Content("~/Content/css/principal.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/modal-form.css")" rel="stylesheet" type="text/css" />
    @*<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />*@
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    @*<link href="@Url.Content("~/Content/themes/cupertino/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />*@
</head>

<div id="central">
<h1>Bienvenido</h1>
<p>
    Por favor, ingrese su nombre de usuario y contraseña para hacer uso del sistema
</p>
</div>
@section scripts{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}

<div id="derecha" >
@using (Html.BeginForm("LogIn", "Home", FormMethod.Post, new { @class = "modal", name = "frmLogin", style = "width: 300px;" }))
{
    <h1>
            Ingresar al sistema</h1>

            <label>
                @Html.LabelFor(m => m.userName)
            </label>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.userName)
                @Html.ValidationMessageFor(m => m.userName)
            </div>

            <label>
                @Html.LabelFor(m => m.passWord)
            </label>
            <div class="editor-field">
                @Html.PasswordFor(m => m.passWord)
                @Html.ValidationMessageFor(m => m.passWord)
            </div>
            <p>
                <input type="submit" value="Ingresar" />
            </p>
}
</div>
